@import '../../../styles/common.less';
.bordered{
    .user-body{
        padding:23px 40px;
    }
}
.grade-border{
    div{
        position: absolute;
    }
    .grade-level{
        background: #F6F7F8;
        bottom:38px;
    }
    .grade-levelColor{
        background: #FBCD32;
        opacity: 0.55;
    }
    p{
        position: absolute;
        bottom:0;
        padding-left:10%;
    }
    .grade-show{
        display: none;
    }
}
.grade-left{
    text-align: center;
    width:100%;
    float:left;
    .PLeft{
        text-align: left;
        i{
            color:@btnColor;
            font-size:26px;
        }
    }
    .btn-text{
        border: 1px solid #F5A623;
        border-radius: 4px;
        width:140px;
        height:40px;
        line-height:40px;
        a{
            border: 0 solid #3DC1AD;
            font-family: @font-Semibold;
            font-size: @PSize;
            color: @aColor;
            letter-spacing: @letterP;
        }
    }
    
    p{
        width:378px;
        font-family: @font-Regular;
        font-size:@PSize;
        letter-spacing: @letterP;
        color:@kidsColor;
        margin-bottom:20px;
        text-align: left;
        display: inline-block;
    }
    .circle-div{
        height:100px;
        width:100px;
        background: rgb(218, 163, 163);
        border-radius: 50%;
        line-height: 100px;
        text-align: center;
        color: #fff;
        font-size: 20px;
    }
}
.grade-right{
    clear: both;
    height: 180px;
    .grade-center{
        height:100%;
        .grade-border{
            height:100%;
            float: left;
            text-align: center;
            &:last-child{
                margin:0;
            }
            p{
                width: 100%;
                text-align: center;
                margin:0 0 13px 0;
                padding:0;
            }
            .grade-level{
                width:80%;
                float: left;
                margin:0;
            }
        }
    }
    .img-cicle{
        position: absolute;
        width:100%;
    }
}